<template>
  <div class="HeaderLogo px-10">
    <a href="/" class="Hospital__link">
      <img class="Hospital__image" src="../assets/logo/logo-hospital-white.png" :alt="hospital_title">
    </a>
    <a href="/" class="JSJEDA__link">
      <img class="JSJEDA__image" src="../assets/logo/logo_JEDA.png" :alt="JEDA_title">
    </a>
  </div>
</template>

<script>
export default {
  name: 'HeaderLogo',
  data () {
    return {
      // hospital_logo: '@/assets/images/hospital_logo.png',
      hospital_title: '江苏省人民医院',
      // JSJEDA_logo: '@/assets/logo/logo-JEDA.png',
      JEDA_title: '江苏捷达科技'
    }
  },
  created () {
  },
  methods: {
  }
}
</script>

<style lang="less" scoped>
.HeaderLogo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 36px 0;
  background-color: #3a61a4;
  .Hospital__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30%;
    overflow: hidden;
    margin-right: 20px;
    .Hospital__image {
      width: 100%;
      height: 100%;
    }
  }
  .JSJEDA__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40%;
    overflow: hidden;
    .JSJEDA__image {
      width: 100%;
      height: 100%;
    }
  }
}
</style>
